<!DOCTYPE html>

<html lang="ja">

<head>
  <meta charset="utf-8" />
  <title>lunchbox - order</title>
  <link rel="shortcut icon" href="/favicon.ico" />
  <style><%-css%></style>
  <style><%-css2%></style>

  <script type="text/javascript" src="https://www.google.com/jsapi"></script>
  <script type="text/javascript">
    google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(
      function() {
        var wk = <%-grhData %>;

        if(wk.length > 1){
          var data = google.visualization.arrayToDataTable(wk);
          var options = {
            title: '注文金額',
            hAxis: {title: '<% var now = new Date(); var y = now.getFullYear(); var m = now.getMonth()+1; %><%-y%>/<%-m%>'},
            legend: {position: 'none'}
          };
          var chart = new google.visualization.ColumnChart(document.getElementById('gct_sample_column'));
          chart.draw(data, options);
        }
      }
    );
</script>
</head>

<body>

  <div id="wrap">

<%- header%>

    <div id="content">

<%- sidebar%>

      <div id="main">

        <div class="shopOrder_FStr">精算・請求グラフ</div>

        <div>
          <input type="button" value="前月" />
          <input type="button" value="翌月" />
        </div>

        <div id="gct_sample_column" style="width:400pt; height:250pt" ></div>

  <br />
  
      </div>

    </div>

    <footer>
      <p>&copy; 2014 Sorimachi, Inc.</p>
    </footer>

  </div>

</body>

</html>
